new Vue({
    el: '#main',
    data: {
        goodsInfo: {
            name: '',
            price: '',
            inventory: ''
        },
        goodsList: []
    },
    methods: {
        // 添加商品
        addGoods() {
            // 验证数据
            for(const val in this.goodsInfo) {
                if(this.goodsInfo[val].trim() === '') {
                    alert('每一项都必须填写');
                    return;
                }
            }
            // 将对象数据添加到数组
            this.goodsList.push(this.goodsInfo);
            // 清空表单数据（与原对象地址断开）
            this.goodsInfo = {
                name: '',
                price: '',
                inventory: ''
            }
        }
    }
});